iT邦幫忙

2023 iThome 鐵人賽

DAY 2
0

大家好,我們今天要來講的是基本的HTML語法。

HTML是什麼?

首先,我們要來了解HTML到底是什麼。
HTML是一種用來組織網頁架構和內容的標記語言,和一般的程式語言不同,他是以一系列元素組成,而元素的基本架構分為標籤及內容。這些標籤通常是成對出現的,代表著開始與結束,中間夾的文字就是我們要呈現的內容。

我們以下面的Hello World!來舉例:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
    <title>我的第一個網頁</title>
</head>
<body>
    <h1>Hello world!</h1>
</body>
</html>

以下為幾個基本結構:
<!DOCTYPE html>:為文件類型,用來告訴瀏覽器你的版本。
<html></html>:為根元素,在這兩個元素之間是網頁內容。
<head></head>:頭是 HTML 文件的一個重要部分,它用於包含網頁的字元訊息(metadata),它裡面的內容不會顯示在頁面上。
<meta charset="UTF-8">:為設置文件的字元編碼,通常使用UTF-8來支持多種語言和字元集。
<title></title>:為網頁的標題,會顯示在標題欄上。
<body></body>:身體的內容是可以顯示在頁面上的,通常我們設計的網頁的程式碼都是寫在body裡面。
<h1></h1>:為文件標題,最多可以到h6,不過大部分用到h3 h4就差不多了。
真的執行時會長這樣:
https://ithelp.ithome.com.tw/upload/images/20230917/20163322R4QOvHGBYh.png

這樣我們就完成自己的第一個網頁了呢~明天我們再來看如何調整字體的用法吧~


上一篇
前言
下一篇
網頁的美術小天使--CSS
系列文
蛤架一個網站好貴喔,那我自己來10
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言